import { ref } from 'vue'
// 验证手机号码格式
export const phoneReg = () => {
  const mobile = ref<number | string>('')
  // 验证手机号码格式
  const validateMobile = (mobile: string): boolean => {
    const regExp = /^1[3456789]\d{9}$/ // 中国大陆手机号码正则表达式
    return regExp.test(mobile)
  }
  const validatePhoneMsg = computed(() => {
    if (
      !validateMobile(mobile.value.toString()) &&
      mobile.value.toString().length == 11
    ) {
      return '请输入正确的手机号码'
    } else {
      return ''
    }
  })
  // 监听输入框并获取输入框内容
  const handleInput = (e: { detail: number | string }) => {
    mobile.value = e.detail
  }
  return {
    validateMobile,
    validatePhoneMsg,
    handleInput,
    mobile
  }
}
